<template>
    <article>
        <header>开关</header>
        <section>
            <header>颜色</header>
            <div>
                <cv-switch c="switch default medium distant">普通开关</cv-switch>
                <cv-switch c="switch primary medium distant">主要开关</cv-switch>
                <cv-switch c="switch success medium distant">成功开关</cv-switch>
                <cv-switch c="switch warn medium distant">警告开关</cv-switch>
                <cv-switch c="switch error medium distant">危险开关</cv-switch>
            </div>
        </section>
        <section>
            <header>大小</header>
            <div>
                <cv-switch c="switch primary large distant">大开关</cv-switch>
                <cv-switch c="switch primary medium distant">中开关</cv-switch>
                <cv-switch c="switch primary small distant">小开关</cv-switch>
                <cv-switch c="switch primary mini distant">迷你开关</cv-switch>
            </div>
        </section>
    </article>
</template>

<script>
    export default {
        name: "ExampleSwitch"
    }
</script>

<style scoped>
</style>
